<template>
  <div>
    <ElTable :data="results">
      <ElTableColumn label="姓名" prop="name"></ElTableColumn>
      <ElTableColumn label="年龄" prop="age"></ElTableColumn>
      <ElTableColumn label="性别" prop="sex"></ElTableColumn>
      <ElTableColumn label="操作">
        <template #default="that">
          <ElButton size="small" @click="remove(that)">删除</ElButton>
          <ElButton size="small" @click="modify(that)">修改</ElButton>
          <ElButton size="small">查看</ElButton>
        </template>
      </ElTableColumn>
    </ElTable>
  </div>
</template>
<script lang="ts">
/**
 * 页面核心数据结构体说明文档
 *
 *
 */
// import from

export default {
  name: 'RoundThree',
  props: {
    sampleP: {
      type: Number,
      default: 0
    }
  },
  data() {
    return {
      sampleD: 'value',
      results: [
        {
          name: 'zhangsan',
          age: 10,
          sex: 'man'
        },
        {
          name: 'lisi',
          age: 11,
          sex: 'woman'
        },
        {
          name: 'wangwu',
          age: 23,
          sex: 'man'
        }
      ]
    }
  },
  computed: {
    /* sampleC() {
      return this.sampleD + "--";
    }, */
  },
  created() {},
  mounted() {},
  methods: {
    // sampleM() {},
    remove(t: any) {
      console.log(t)
    },
    modify(t: any) {
      console.log(t)
    }
  },
  watch: {
    // sampleP(n, o) {},
  }
}
</script>

<!--<style scoped>-->
<style lang="scss" scoped></style>
